var gulp = require('gulp');
var sass = require('gulp-sass');
var csso = require('gulp-csso');
var autoprefixer = require('gulp-autoprefixer');

gulp.task('sass', function() {
	gulp.src(['style/sass/*.scss'], {base: 'style/sass'})
		.pipe(sass({
        	outputStyle: 'compressed'           // 配置输出方式,默认为nested
    	}))
    	.pipe(autoprefixer({
	        browsers: ['last 2 versions', 'Firefox ESR', '> 1%', 'ie >= 8', 'iOS >= 8', 'Android >= 4'],
	        cascade: true,                     // 美化属性，默认true
	        add: true,                           // 是否添加前缀，默认true
	        remove: true,                        // 删除过时前缀，默认true
	        flexbox: true                       // 为flexbox属性添加前缀，默认true
	    }))
	    .pipe(gulp.dest('style/css'));
});

gulp.watch('style/sass/*.scss', ['sass']);